<!DOCTYPE html>
<html lang="en">
<head>
    <meta charset="UTF-8">
    <title>属性-字体</title>
    <style>
        p{
            color:red;
            font-size:25px;
            text-align:center;
            line-height:200px;

            /*
                border 边框
            */
            border:1px solid red;
        }

        div{
            border:1px soild blue;
        }

        div{
            border:1px solid blue;
            height:200px;
            width:300px;
            background:url("../image/1.png") no-repeat center;
        }

    </style>
</head>
<body>
    <p>英雄联盟</p>
    <div>一个盒子</div>
</body>
</html>